<style tyle="text/css">
  .modal-lg {
    width: 70%;
  }
  .textBtn {
    padding-right: 10px;
    padding-bottom: 5px;
    float: left;
  }
</style>
<div class="modal-header">
    <h4 class="modal-title">设置景区</h4>
</div>
<div class="modal-body">

    <form name="form1" class="form-horizontal ng-pristine ng-valid-required">
      <div class="form-group">
        <label class="col-lg-3 control-label">景区名称:</label>
        <div class="col-lg-5">
          <ui-select ng-model="searchfrom.place" theme="bootstrap">
            <ui-select-match placeholder="选择景区...">{{$select.selected.name}}</ui-select-match>
            <ui-select-choices repeat="place in place_list | filter: $select.search">
              <span>{{place.name}}（{{place.code}}）</span>
            </ui-select-choices>
          </ui-select>
        </div>
        <div class="col-lg-2">
          <button type="button" class="btn btn-success" ng-click="add(1)">添加</button>
        </div>
      </div>
      <div class="form-group">
        <label class="col-lg-3 control-label">已选景区:</label>
        <div class="col-lg-8">
          <div ng-repeat="info in selected_place" class="textBtn">
            <button class="btn btn-sm btn-info">{{info.name}}
              <i class="glyphicon glyphicon-remove" ng-click="remove($index,1)"></i>
            </button>
          </div>
        </div>
      </div>
      <div class="form-group">
        <div class="col-lg-2 col-lg-offset-5">
          <button type="button" class="btn btn-primary form-control" ng-click="save(1)">保存</button>
        </div>
      </div>

      <div class="line line-dashed b-b pull-in"></div><!-- 华丽分割线 -->
      <div class="form-group">
        <label class="col-lg-3 control-label">渠道名称:</label>
        <div class="col-lg-5">
          <ui-select ng-model="searchfrom.channel" theme="bootstrap">
            <ui-select-match placeholder="选择渠道...">{{$select.selected.name}}</ui-select-match>
            <ui-select-choices repeat="channel in channel_list | filter: $select.search">
              <span>{{channel.name}}（{{channel.code}}）</span>
            </ui-select-choices>
          </ui-select>
        </div>
        <div class="col-lg-2">
          <button type="button" class="btn btn-success" ng-click="add(2)">添加</button>
        </div>
      </div>
      <div class="form-group">
        <label class="col-lg-3 control-label">已选渠道:</label>
        <div class="col-lg-8">
          <div ng-repeat="info in selected_channel" class="textBtn">
            <button class="btn btn-sm btn-info">{{info.name}}
              <i class="glyphicon glyphicon-remove" ng-click="remove($index, 2)"></i>
            </button>
          </div>
        </div>
      </div>
      <div class="form-group">
        <div class="col-lg-2 col-lg-offset-5">
          <button type="button" class="btn btn-primary form-control" ng-click="save(2)">保存</button>
        </div>
      </div>

      <div class="line line-dashed b-b pull-in"></div><!-- 华丽分割线 -->
      <div class="form-group">
        <label class="col-lg-3 control-label">可创建景区产品:</label>
        <div class="col-lg-5">
          <ui-select ng-model="searchfrom.product" theme="bootstrap">
            <ui-select-match placeholder="选择景区...">{{$select.selected.name}}</ui-select-match>
            <ui-select-choices repeat="product in place_list | filter: $select.search">
              <span>{{product.name}}（{{product.code}}）</span>
            </ui-select-choices>
          </ui-select>
        </div>
        <div class="col-lg-2">
          <button type="button" class="btn btn-success" ng-click="add(3)">添加</button>
        </div>
      </div>
      <div class="form-group">
        <label class="col-lg-3 control-label">已选景区产品:</label>
        <div class="col-lg-8">
          <div ng-repeat="info in selected_product" class="textBtn">
            <button class="btn btn-sm btn-info">{{info.name}}
              <i class="glyphicon glyphicon-remove" ng-click="remove($index, 3)"></i>
            </button>
          </div>
        </div>
      </div>
      <div class="form-group">
        <div class="col-lg-2 col-lg-offset-5">
          <button type="button" class="btn btn-primary form-control" ng-click="save(3)">保存</button>
        </div>
      </div>

    </form>

</div>
<div class="modal-footer">
    <!-- <button class="btn btn-success" type="button" ng-click="ok()">确定</button> -->
    <button class="btn btn-danger" type="button" ng-click="cancel()">关闭</button>
</div>
